import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Antd from 'ant-design-vue';

import 'ant-design-vue/dist/antd.css';

Vue.use(Antd);
// 第三方动画库
import 'animate.css';
// bootstrap
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
Vue.config.productionTip = false

// 自定义按键别名
Vue.config.keyCodes.f11 = 999
// 全局过滤器
// 过滤器 filter （过滤器的名字,回调函数 == callback）
// 过滤器的值都是变量不是固定死的
// 回调函数（data，format ）data管道前面的数据，formata是过滤器传递的参数
Vue.filter("glq1",function (data,format){
  console.log(data)
  console.log(format)
  return data.replace('需要替换的值',"替换之后的值")
})

//全局的自定义指令
// 1、自定义指令的名字 2、对象 （三个函数）
Vue.directive('color',{
// bind 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
  bind(el,binding){
    // el:绑定的元素
    // binding：传递的数据
    console.log(el)
    console.log(binding)
    el.style.color = binding.value
    // el.focus()
  },
//   ● inserted 这个元素已经渲染到界面上之后执行
  inserted(el){
    console.log(el)
    el.focus()
  },
//   update 当元素有更新的时候执行
  update(){
    console.log('更新了')
  }
})


new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
